import { defineConfig, loadEnv } from 'vite'
import react from '@vitejs/plugin-react'
import { resolve } from 'path'
// https://vitejs.dev/config/
export default defineConfig(({ mode }) => {
  const env = loadEnv(mode, process.cwd())
  const {
    VITE_USER_NODE_ENV
  } = env
  return {
    plugins: [react()],
    //base 指定在构建生产版本时，HTML 文件所在的基础路径。默认情况下，它是一个相对路径（'./'），可以根据实际需求进行更改。 
    // 比如这里 请求的url  是这样的  http://www.xxx.com/admin123/
    base: VITE_USER_NODE_ENV === 'development' ? '/' : '/',
    server: {
      //vite项目启动时自定义端口
      port: 9090,
      //vite项目启动时自动打开浏览器
      open: true,
      //开启热更新
      hmr: true,
      proxy: {
        '/prod-api': {
          target: 'http://rswq-admin.zhihuiplus.com',
          changeOrigin: true,
        },
        '/api': {
          target: env.VITE_APP_BASEAPI,
          changeOrigin: true,
          // 支持 websocket
          ws: true,
          // 路径重写
          rewrite: (path) => path.replace(/^\/api/, '')
        }
      }
    },
    // 配置@别名
    resolve: {
      alias: {
        '@': resolve(__dirname, './src'),
        '*': resolve('')
      },

    },
    css: {
      // css预处理器
      // 安装less npm  install less \ npm install less-loader
      preprocessorOptions: {
        less: {
          charset: false,
          // 在additionalData里配置初始化样式文件路径
          additionalData: '@import "./src/assets/style/global.less";',
        },
      },
    },
  }
})
